<template>
	<view class="my-enterprise">
		<view class="top">
			<view class="title">
				<text class="name">时代邻里股份有限公司</text>
				<!-- <text class="id">ID：hfcijwnso</text> -->
			</view>
			<view style="color: #32B6C5;text-align: center;font-size: 40rpx;">
				邀请员工
			</view>
		</view>
		<view class="center">
			<view class="center-list" v-for="item in centerList" :key="item.idnex">
				<view class="center-item">
					{{item.title}}
				</view>
			</view>
		</view>
		<view class="footer1">离开企业</view>
		<view class="footer2">切换企业</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
			centerList:[
				{title:'电话'},
				{title:'传真'},
				{title:'地址'},
			]	
			}
		}
	}
</script>

<style lang="scss" scoped>
	.my-enterprise{
		position: relative;
		top: 30rpx;
		.top{
		background-color: #fff;	
		padding: 30rpx 20rpx;
		.title{
			margin-bottom: 20rpx;
			text{
				display: block;
			}
			.name{
				font-size: 50rpx;
				font-weight: 400;
			}
			.id{
				font-size: 30rpx;
				color: #ccc;
			}
		}
		}
		.center{
		background-color: #fff;	
		margin-top: 30rpx;
			padding: 40rpx 20rpx;
			.center-item{
				font-size: 35rpx;
				padding: 15rpx 0;
				color: #5C6C72;
				border-bottom: 1px solid #FAFAFB;
			}
		}
		.footer1,.footer2{
		background-color: #fff;	
		margin-top: 30rpx;
		padding: 25rpx 20rpx;
		text-align: center;
		color: #5C6C72;
		 font-size: 35rpx;
		}
		
	}
</style>
